<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>鲁班兄弟商城首页</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" href="css/set2.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="demo/jquery-1.3.2.min.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<link rel="stylesheet" href="demo/jqzoom.css" type="text/css">
		<link rel="stylesheet" href="js/nav2-js-css/xq_navbar.css" />
		<link rel="stylesheet" href="js/nav2-js-css/xq.css" />

	</head>

	<body>

		<div id="web">

			<!--右边固定栏目-->
			<div class="fixed">
				<a href="" class="font_1 iconfont icon-ren"></a>
				<span><a href="register_4.html">账号<div class="we1">登录账号</div></a></span>

				<a href="" class="iconfont icon-xin"></a>
				<span><a href="shop.html">品牌</a></span>
				<a href="" class="iconfont icon-xing"></a>
				<span><a href="">收藏</a></span>
				<a href="" class="iconfont icon-icon08"></a>
				<span><a href="">预览</a></span>
				<div class="gwc_cart">
					<a href="shop_cart.html" class="iconfont icon-cart"></a>
					<span><a href="shop_cart.html">购物车</a></span>(0)
				</div>

				<a href="" class="iconfont icon-yijianfankui"></a>
				<span><a href="">反馈</a></span>
				<a href="#" class="iconfont icon-TOP"></a>
			</div>

			<!--顶部-->
			<div class="top">
				<div class="top_login clearfix">

					<span class="fl t_lef"><a href="register_4.html">注册</a>|<a href="register_4.html">登录</a>|<a href="register_4_vip.html">VIP登录</a></span>
					<span class="fr t_rig"><a href="shopping_4.html">付款</a>|<a href="register_4.html">我的订单</a>|<a href="settle_4.html"><img src="img/gouwuche.png"/ style="vertical-align: middle;padding-right: 5px;"><b>(0)</b></a></span>
				</div>
			</div>

			<!--搜索框-->
			<div class="search clearfix">
				<div class="logo">
					<a href="index.html"><img src="img/logo.jpg" /></a>
				</div>
				<div class="search_inp fr ">
					<form class="for" action="" method="post">
						<input class="inp_1" type="search" name="" id="" value="" placeholder="search" />
						<input class="inp_2" type="image" value="" src="img/glass.jpg" />
					</form>
					<span><a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a>|<a href="">地板</a></span>
				</div>
			</div>
			<!--以上是页面头部-->

			<!--导航-->
			<nav>
				<ul class="clearfix ul_nav">
					<!--下拉二级导航-->
					<a class="xia_la" href="">
						下拉
						<ul class="mu_gong_nav">
							<li>
								板材
								<ul class="ban_cai">
									<li class="fl">装饰面板</li>
									<li class="fr">欧松板</li><br />
									<li class="fl">宝丽版</li>
									<li class="fr">防火板</li><br />
									<li class="fl">三聚氰胺版</li>
									<li class="fr">密度板</li><br />
									<li class="fl">铝塑板</li>
									<li class="fr">其它板材</li><br />
									<li>多层板</li>
									<li>中纤板</li>
									<li>细木工板</li>
									<li>刨花板</li>
								</ul>
							</li>

							<li>地板
								<ul class="ban_cai">
									<li class="fl">装饰面板</li>
									<li class="fr">欧松板</li><br />
									<li class="fl">宝丽版</li>
									<li class="fr">防火板</li><br />
									<li class="fl">三聚氰胺版</li>
									<li class="fr">密度板</li><br />
									<li class="fl">铝塑板</li>
									<li class="fr">其它板材</li><br />
									<li>多层板</li>
									<li>中纤板</li>
									<li>细木工板</li>
									<li>刨花板</li>
								</ul>
							</li>
							<li>木线
								<ul class="ban_cai">
									<li class="fl">装饰面板</li>
									<li class="fr">欧松板</li><br />
									<li class="fl">宝丽版</li>
									<li class="fr">防火板</li><br />
									<li class="fl">三聚氰胺版</li>
									<li class="fr">密度板</li><br />
									<li class="fl">铝塑板</li>
									<li class="fr">其它板材</li><br />
									<li>多层板</li>
									<li>中纤板</li>
									<li>细木工板</li>
									<li>刨花板</li>
								</ul>
							</li>
							<li>地板配件
								<ul class="ban_cai">
									<li class="fl">装饰面板</li>
									<li class="fr">欧松板</li><br />
									<li class="fl">宝丽版</li>
									<li class="fr">防火板</li><br />
									<li class="fl">三聚氰胺版</li>
									<li class="fr">密度板</li><br />
									<li class="fl">铝塑板</li>
									<li class="fr">其它板材</li><br />
									<li>多层板</li>
									<li>中纤板</li>
									<li>细木工板</li>
									<li>刨花板</li>
								</ul>
							</li>
							<li>吊顶钢龙骨
								<ul class="ban_cai">
									<li class="fl">装饰面板</li>
									<li class="fr">欧松板</li><br />
									<li class="fl">宝丽版</li>
									<li class="fr">防火板</li><br />
									<li class="fl">三聚氰胺版</li>
									<li class="fr">密度板</li><br />
									<li class="fl">铝塑板</li>
									<li class="fr">其它板材</li><br />
									<li>多层板</li>
									<li>中纤板</li>
									<li>细木工板</li>
									<li>刨花板</li>
								</ul>
							</li>
							<li>木工类五金
								<ul class="ban_cai">
									<li class="fl">装饰面板</li>
									<li class="fr">欧松板</li><br />
									<li class="fl">宝丽版</li>
									<li class="fr">防火板</li><br />
									<li class="fl">三聚氰胺版</li>
									<li class="fr">密度板</li><br />
									<li class="fl">铝塑板</li>
									<li class="fr">其它板材</li><br />
									<li>多层板</li>
									<li>中纤板</li>
									<li>细木工板</li>
									<li>刨花板</li>
								</ul>
							</li>
						</ul>
					</a>
					<li>
						<a href="">木工</a>
					</li>

					<li>
						<a href="">泥水工</a>
					</li>
					<li>
						<a href="">油漆工</a>
					</li>
					<li>
						<a href="">水电工</a>
					</li>
					<li>
						<a href="">门窗/其它</a>
					</li>
					<li>
						<a href="">装修工具</a>
					</li>
					<li>
						<a href="">消防材料</a>
					</li>
					<li>
						<a href="">建筑护防</a>
					</li>
					<li>
						<a href="">精细化学品</a>
					</li>
					<li>
						<a href="">定制/非标准</a>
					</li>
				</ul>
			</nav>

			<!--轮播 slideshow-->
			<div class="carou">
				<div class="slideshow-image" style="background-image: url('img/carou_tp.jpg')"></div>
				<div class="slideshow-image" style="background-image: url('img/1.jpg')"></div>
				<div class="slideshow-image" style="background-image: url('img/2.jpg')"></div>
				<div class="slideshow-image" style="background-image: url('img/3.jpg')"></div>
			</div>

			<!--内容-->
			<section>
				<div class="sec_top">
					<div mag-thumb="inner-inline" mag-flow="inline" class="sec_picture pic_1 mag-eg-el"><img src="img/picture_1.jpg" alt="" /></div>
					<div mag-zoom="inner-inline" class="mag-eg-el"><img src="img/picture_1-1.jpg" /></div>

					<div mag-thumb="inner-inline" mag-flow="inline" class="sec_picture pic_2 mag-eg-el"><img src="img/picture_2.jpg" alt="" /></div>
					<div mag-zoom="inner-inline" class="mag-eg-el"><img src="img/picture_2-2.jpg" /></div>

					<div mag-thumb="inner-inline" mag-flow="inline" class="sec_picture pic_3 mag-eg-el"><img src="img/picture_3.jpg" alt="" /></div>
					<div mag-zoom="inner-inline" class="mag-eg-el"><img src="img/picture_3-3.jpg" /></div>
				</div>
				<link rel="stylesheet" href="css/bootstrap.min.css" />
				<link rel="stylesheet" href="src/css/mag.css" />
				<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
				<script src="js/jquery.bridget.js"></script>
				<script src="js/jquery.mousewheel.min.js"></script>
				<script src="js/PreventGhostClick.js"></script>
				<script src="src/js/mag.js"></script>
				<script src="src/js/mag-jquery.js"></script>
				<script src="src/js/mag-control.js"></script>
				<script src="js/index.js"></script>
				<div class="gao_yi">
					<ul>
						<li class="active_li svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_5.png" /></svg>
							<a href="">高仪</a>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_4.png" />
								<a href="">高仪</a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_4.png" />
								<a href="">高仪</a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_4.png" />
								<a href="">高仪</a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_4.png" />
								<a href="">高仪</a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_4.png" />
								<a href="">高仪</a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_4.png" />
								<a href="">高仪</a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_4.png" />
								<a href="">高仪</a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

								<img src="img/picture_4.png" />
								<a href="">高仪</a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="105" width="133" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="105" width="133" />

							</svg>
							<a href="" class="iconfont icon-huanyipi"></a>
						</li>
					</ul>
				</div>
				<!--展示区-->
				<div class="product">
					<div class="pro_zuo fl">
						<div class="grid">
							<figure class="effect-apollo">
								<img src="img/picture_7.jpg" alt="img18">
								<figcaption>
									<h2>apartment <span>room</span></h2>
									<p style="color: white;">信任我们，还你一份安定Trust us and give you a rest</p>
									<a href="#/index2.html#">View more</a>
								</figcaption>
							</figure>
						</div>
						<h5>主标题主标题</h5>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
					</div>

					<div class="pro_1 fl">
						<div class="grid">
							<figure class="effect-apollo">
								<img src="img/picture_8.jpg" alt="img18">
								<figcaption>
									<h2>apartment <span>room</span></h2>
									<p style="color: white;">信任我们，还你一份安定Trust us and give you a rest</p>
									<a href="#/index2.html#">View more</a>
								</figcaption>
							</figure>
						</div>

						<h5>主标题主标题</h5>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
					</div>

					<div class="pro_2 fl">
						<div class="grid">
							<figure class="effect-apollo">
								<img src="img/picture_9.jpg" alt="img18">
								<figcaption>
									<h2>apartment <span>room</span></h2>
									<a href="#/index2.html#">View more</a>
									<p style="color: white;">信任我们，还你一份安定Trust us and give you a rest</p>
								</figcaption>
							</figure>
						</div>
						<h5>主标题主标题</h5>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
					</div>
					<div class="pro_3 fl">
						<div class="grid">
							<figure class="effect-apollo">
								<img src="img/picture_10.jpg" alt="img18">
								<figcaption>
									<h2>apartment <span>room</span></h2>
									<p style="color: white;">信任我们，还你一份安定Trust us and give you a rest</p>
									<a href="#/index2.html#">View more</a>
								</figcaption>
							</figure>
						</div>
						<h5>主标题主标题</h5>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
					</div>
					<div class="pro_4 fl">
						<div class="grid">
							<figure class="effect-apollo">
								<img src="img/picture_12.jpg" alt="img18">
								<figcaption>
									<h2>apartment <span>room</span></h2>
									<p style="color: white;">信任我们，还你一份安定Trust us and give you a rest</p>
									<a href="#/index2.html#">View more</a>
								</figcaption>
							</figure>
						</div>
						<h5>主标题主标题</h5>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
					</div>

					<div class="pro_3 fl">
						<div class="grid">
							<figure class="effect-apollo">
								<img src="img/picture_13.jpg" alt="img18">
								<figcaption>
									<h2>apartment <span>room</span></h2>
									<p style="color: white;">信任我们，还你一份安定Trust us and give you a rest</p>
									<a href="#/index2.html#">View more</a>
								</figcaption>
							</figure>
						</div>
						<h5>主标题主标题</h5>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
					</div>
					<div class="pro_3 fl">
						<div class="grid">
							<figure class="effect-apollo">
								<img src="img/picture_15.jpg" alt="img18">
								<figcaption>
									<h2>apartment <span>room</span></h2>
									<p style="color: white;">信任我们，还你一份安定Trust us and give you a rest</p>
									<a href="#/index2.html#">View more</a>
								</figcaption>
							</figure>
						</div>
						<h5>主标题主标题</h5>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
					</div>
					<div class="pro_5 fl">
						<div class="grid">
							<figure class="effect-apollo">
								<img src="img/picture_14.jpg" alt="img18">
								<figcaption>
									<h2>apartment <span>room</span></h2>
									<p style="color: white;">信任我们，还你一份安定Trust us and give you a rest</p>
									<a href="#/index2.html#">View more</a>
								</figcaption>
							</figure>
						</div>
						<h5>主标题主标题</h5>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
						<p>副标题副标题副标题副标题副标题副标题副标题副</p>
					</div>
				</div>

				<!--放大镜-->
				<div id="content" class="pro_tp">
					<a href="demo/picture_16_big.jpg" class="jqzoom" title="房间装饰">
						<img src="demo/picture_16.jpg" title="房间装饰" style="border: 1px solid #666;">
					</a>
				</div>
				
				<!--商品楼、会场-->
				<div class="shop_nav clearfix">
					<div class="shop_floor fl">
						<a href="">商品楼层一</a>
					</div>
					<p class="fl">
						<a href="">Commodity floor one</a>
					</p>
					<div class="sh_nav fl xq_bag" id="bar2">
						<ul class="fr xq_navbar">
							<li class="xq_navli">
								<a href="#">地砖</a>
							</li>
							<li class="xq_navli">
								<a href="#">地板配件</a>
							</li>
							<li class="xq_navli">
								<a href="#">木线</a>
							</li>
							<li class="xq_navli">
								<a href="#">地板</a>
							</li>
							<li class="xq_navli">
								<a href="#">地砖</a>
							</li>
							<li class="xq_navli">
								<a href="#">地板配件</a>
							</li>
							<li class="xq_navli">
								<a href="#">木线</a>
							</li>
							<li class="xq_navli">
								<a href="#">地板</a>
							</li>
						</ul>
					</div>
				</div>

				<!--楼层一-->
				<div class="shop_main">
					<div class="main_hui_chang fl">
						<p>
							<a href="">促销广告文案如满199减100></a>
						</p>
						<div class="main_bottom">
							<h4><a href="">品质家装会场</a></h4>
							<h5><a href="">买就送豪礼</a></h5>
						</div>
					</div>
					<ul class="fl ul_1">
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_20.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_20.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_20.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_20.jpg" /></a>
							</svg>
						</li>
					</ul>

					<ul class="fl ul_2">
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_20.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_20.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_20.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_20.jpg" /></a>
							</svg>
						</li>
					</ul>
				</div>
				<!--楼层二-->
				<div class="shop_nav clearfix">
					<div class="shop_floor fl shop_floor_2">
						<a href="">商品楼层二</a>
					</div>
					<p class="fl p_2">
						<a href="">Commodity floor one</a>
					</p>
					<div class="sh_nav fl sh_nav_2 xq_bag" id="bar3">
						<ul class="fr xq_navbar">
							<li class="xq_navli">
								<a href="#">地砖</a>
							</li>
							<li class="xq_navli">
								<a href="#">地板配件</a>
							</li>
							<li class="xq_navli">
								<a href="#">木线</a>
							</li>
							<li class="xq_navli">
								<a href="#">地板</a>
							</li>
							<li class="xq_navli">
								<a href="#">地砖</a>
							</li>
							<li class="xq_navli">
								<a href="#">地板配件</a>
							</li>
							<li class="xq_navli">
								<a href="#">木线</a>
							</li>
							<li class="xq_navli">
								<a href="#">地板</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="shop_main clearfix floor_two">
					<div class="main_hui_chang fl hui_zhang_2">
						<p>
							<a href="">促销广告文案如满199减100></a>
						</p>
						<div class="main_bottom main_bottom_2">
							<h4><a href="">品质家装会场</a></h4>
							<h5><a href="">买就送豪礼</a></h5>
						</div>
					</div>
					<ul class="fl ul_1">
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape shape_1" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_21.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape shape_1" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_21.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape shape_1" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_21.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape shape_1" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_21.jpg" /></a>
							</svg>
						</li>
					</ul>
					<ul class="fl ul_2">
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape shape_1" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_21.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape shape_1" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_21.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape shape_1" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_21.jpg" /></a>
							</svg>
						</li>
						<li class="svg-wrapper">
							<svg height="235" width="263" xmlns="http://www.w3.org/2000/svg">
								<rect class="shape shape_1" height="235" width="263" />
								<h5>主标题主标题</h5>
								<h6>副标题副标题</h6>
								<a href="hakusivu.html"><img src="img/picture_21.jpg" /></a>
							</svg>
						</li>
					</ul>
				</div>
			</section>

			<!--底部-->
			<div class="di_bu">
				<div class="di_bu_main clearfix">
					<ul class="ul">
						<li>
							<img class="fl" src="img/you.jpg" />
							<div class="di_bu_a fl">
								<span><a href="">品质保障</a></span><br />
								<span><a href="">品质保证</a> <a href="">购物无忧</a></span>
							</div>
							<img src="img/line.jpg" />
						</li>
						<li>
							<img class="fl" src="img/sheng.jpg" />
							<div class="di_bu_a fl">
								<span><a href="">特色服务</a></span><br />
								<span><a href="">针对户型</a> <a href="">私人定制</a></span>
							</div>
							<img src="img/line.jpg" />
						</li>
						<li>
							<img class="fl" src="img/te.jpg" />
							<div class="di_bu_a fl">
								<span><a href="">全网最低</a></span><br />
								<span><a href="">厂家直销</a> <a href="">低价承诺</a></span>
							</div>
							<img src="img/line.jpg" />
						</li>
						<li>
							<img class="fl" src="img/figure.jpg" />
							<div class="di_bu_a fl">
								<span><a href="">帮助中心</a></span><br />
								<span><a href="">您的购物指南</a></span>
							</div>
						</li>
					</ul>

					<ul class="di_bu_nav clearfix">
						<li>
							<a href="">新手指南</a><br />
							<span><a href="">新手指南</a></span><br />
							<span><a href="">购物流程</a></span>
						</li>
						<li>
							<a href="">支付方式</a><br />
							<span><a href="">支付宝</a></span><br />
							<span><a href="">微信支付</a></span>
						</li>
						<li>
							<a href="">物流配送</a><br />
							<span><a href="">配送方式</a></span><br />
							<span><a href="">服务流程</a></span>
						</li>
						<li>
							<a href="">客服中心</a><br />
							<span><a href="">在线客服</a></span><br />
							<span><a href="">常见问题</a></span></a>
						</li>
						<li>
							扫一扫，关注鲁班兄弟<br />
							<img src="img/QR.jpg" />
						</li>
					</ul>
				</div>
			</div>

			<!--版权尾部-->
			<footer>
				<div class="foot">
					<span>Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035771</span> |
					<a href="">关于我们</a>|
					<a href="">联系我们</a>|
					<a href="">法律声明</a>
				</div>
			</footer>
		</div>

		<script language="javascript">
			$(document).ready(function() {
				$("nav li a").wrapInner('<span class="out"></span>');
				$("nav li a").each(function() {
					$('<span class="over">' + $(this).text() + '</span>').appendTo(this);
				});
				$("nav li a").hover(function() {
					$(".out", this).stop().animate({
						'top': '40px'
					}, 300); // move down - hide
					$(".over", this).stop().animate({
						'top': '0px'
					}, 300); // move down - show
				}, function() {
					$(".out", this).stop().animate({
						'top': '0px'
					}, 300); // move up - show
					$(".over", this).stop().animate({
						'top': '-44px'
					}, 300); // move up - hide
				});
			});
		</script>

		<script src="js/11jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="demo/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

	</body>
				<script type="text/javascript">
					$(function() {
						var options2 = {
							zoomWidth: 200,

							zoomHeight: 200,

							zoomType: 'reverse'
						}
						$(".jqzoom").jqzoom(options2);

					});
				</script>
</html>
	<script src="js/nav2-js-css/jquery.min.js" type="text/javascript"></script>
	<script src="js/nav2-js-css/xq_navbar.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function() {
			$("#bar2").xq_navbar({
				"type": "beat",
				"liwidth": "avg",
				"bgcolor": "#a5643c",
				"hcolor": "#F3CF3F"
			});
			$("#bar3").xq_navbar({
				"type": "beat",
				"liwidth": "avg",
				"bgcolor": "#607591",
				"hcolor": "skyblue"
			});
		});
	</script>